html {
  font-size: 37.5px;
}

.page {
  z-index: 1;
  position: relative;
  width: 51.2rem;
  height: 28.8rem;
  overflow: hidden;
}

.section1 {
  z-index: 2;
  height: 28.8rem;
  background-color: rgba(245, 245, 245, 1);
  width: 51.2rem;
  position: relative;
}

.group1 {
  z-index: auto;
  width: 51.2rem;
  height: 28.8rem;
  justify-content: space-between;
}

.bd1 {
  z-index: 37;
  height: 28.8rem;
  background-color: rgba(55, 58, 110, 1);
  box-shadow: 1px 0px 4px 0px rgba(59, 124, 255, 0.1);
  width: 8.534rem;
  justify-content: flex-start;
}

.box1 {
  z-index: auto;
  width: 8.534rem;
  height: 16.694rem;
}

.group2 {
  z-index: 119;
  height: 2.294rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.587rem;
}

.word1 {
  z-index: 120;
  width: 3.84rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-family: PingFangSC-Medium;
  line-height: 0.88rem;
  text-align: left;
}

.group3 {
  z-index: 111;
  height: 1.44rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.mod1 {
  z-index: auto;
  width: 4.054rem;
  height: 0.694rem;
  justify-content: space-between;
}

.label1 {
  z-index: 113;
  width: 0.694rem;
  height: 0.694rem;
}

.word2 {
  z-index: 112;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
  margin-top: 0.08rem;
}

.group4 {
  z-index: 101;
  height: 1.44rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.main1 {
  z-index: auto;
  width: 4.054rem;
  height: 0.56rem;
  justify-content: space-between;
}

.icon1 {
  z-index: 103;
  width: 0.694rem;
  height: 0.56rem;
}

.word3 {
  z-index: 102;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
}

.group5 {
  z-index: 92;
  height: 1.44rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.outer1 {
  z-index: auto;
  width: 4.054rem;
  height: 0.694rem;
  justify-content: space-between;
}

.box2 {
  z-index: 94;
  width: 0.72rem;
  height: 0.694rem;
  background: url(./img/SketchPngf5428694902c6820c52655cb314e865d775c794fb1ea35e5db112871060ead5c.png)
    100% no-repeat;
}

.word4 {
  z-index: 93;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
  margin-top: 0.08rem;
}

.group6 {
  z-index: 80;
  height: 1.44rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.layer1 {
  z-index: auto;
  width: 4.054rem;
  height: 0.694rem;
  justify-content: space-between;
}

.label2 {
  z-index: 82;
  width: 0.694rem;
  height: 0.694rem;
}

.txt1 {
  z-index: 81;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
  margin-top: 0.08rem;
}

.group7 {
  z-index: 65;
  height: 1.44rem;
  background-color: rgba(31, 35, 79, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.wrap1 {
  z-index: auto;
  width: 4.054rem;
  height: 0.747rem;
  justify-content: space-between;
}

.label3 {
  z-index: 67;
  width: 0.694rem;
  height: 0.747rem;
}

.info1 {
  z-index: 66;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
  margin-top: 0.107rem;
}

.group8 {
  z-index: 73;
  height: 1.44rem;
  background-color: rgba(59, 124, 255, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 2.134rem;
}

.word5 {
  z-index: 75;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
}

.group9 {
  z-index: 74;
  height: 1.44rem;
  background-color: rgba(31, 35, 79, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 2.134rem;
}

.txt2 {
  z-index: 76;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
}

.group10 {
  z-index: 58;
  height: 1.44rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.mod2 {
  z-index: auto;
  width: 4.054rem;
  height: 0.694rem;
  justify-content: space-between;
}

.icon2 {
  z-index: 60;
  width: 0.694rem;
  height: 0.694rem;
}

.txt3 {
  z-index: 59;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
  margin-top: 0.08rem;
}

.group11 {
  z-index: 48;
  height: 1.44rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.wrap2 {
  z-index: auto;
  width: 4.054rem;
  height: 0.56rem;
  justify-content: space-between;
}

.icon3 {
  z-index: 50;
  width: 0.694rem;
  height: 0.534rem;
}

.txt4 {
  z-index: 49;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
  margin-top: 0.027rem;
}

.group12 {
  z-index: 39;
  height: 1.44rem;
  background-color: rgba(55, 58, 110, 1);
  align-self: center;
  width: 8.534rem;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.8rem;
}

.section2 {
  z-index: auto;
  width: 4.054rem;
  height: 0.694rem;
  justify-content: space-between;
}

.label4 {
  z-index: 41;
  width: 0.694rem;
  height: 0.694rem;
}

.info2 {
  z-index: 40;
  width: 2.72rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
  margin-top: 0.107rem;
}

.bd2 {
  z-index: auto;
  width: 42.667rem;
  height: 28rem;
}

.section3 {
  z-index: 4;
  height: 2.294rem;
  background-color: rgba(255, 255, 255, 1);
  align-self: center;
  width: 42.667rem;
  align-items: flex-end;
}

.mod3 {
  z-index: auto;
  width: 8.534rem;
  height: 2.294rem;
  justify-content: space-between;
}

.section4 {
  z-index: 9;
  height: 2.294rem;
  background-color: rgba(255, 255, 255, 1);
  width: 4.267rem;
  justify-content: center;
  align-items: center;
}

.info3 {
  z-index: 10;
  width: 1.387rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(50, 50, 50, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: left;
}

.section5 {
  z-index: 6;
  height: 2.294rem;
  background-color: rgba(255, 255, 255, 1);
  width: 4.267rem;
  justify-content: center;
  align-items: center;
}

.word6 {
  z-index: 7;
  width: 0.96rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(50, 50, 50, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: center;
}

.section6 {
  z-index: 12;
  height: 1.387rem;
  border-radius: 8px;
  background-color: rgba(59, 124, 255, 1);
  align-self: flex-start;
  width: 4.267rem;
  justify-content: center;
  align-items: center;
  margin: 0.534rem 0 0 1.067rem;
}

.txt5 {
  z-index: 13;
  width: 2.4rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  line-height: 0.534rem;
  text-align: center;
}

.section7 {
  z-index: 15;
  height: 23.254rem;
  background-color: rgba(255, 255, 255, 1);
  align-self: center;
  margin-top: 0.534rem;
  width: 40.534rem;
}

.main2 {
  z-index: auto;
  width: 16.32rem;
  height: 1.44rem;
  justify-content: space-between;
  margin: 1.6rem 0 0 10.88rem;
}

.info4 {
  z-index: 18;
  width: 1.92rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(50, 50, 50, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: right;
  margin-top: 0.427rem;
}

.bd3 {
  z-index: 17;
  width: 13.867rem;
  height: 1.44rem;
  border-radius: 8px;
  border: 2px solid rgba(221, 221, 221, 1);
  background-color: rgba(255, 255, 255, 1);
}

.main3 {
  z-index: auto;
  width: 15.36rem;
  height: 1.44rem;
  justify-content: space-between;
  margin: 1.6rem 0 0 11.84rem;
}

.txt6 {
  z-index: 21;
  width: 0.96rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(50, 50, 50, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: right;
  margin-top: 0.427rem;
}

.box3 {
  z-index: 20;
  width: 13.867rem;
  height: 1.44rem;
  border-radius: 8px;
  border: 2px solid rgba(221, 221, 221, 1);
  background-color: rgba(255, 255, 255, 1);
}

.main4 {
  z-index: auto;
  width: 15.36rem;
  height: 1.44rem;
  justify-content: space-between;
  margin: 1.6rem 0 0 11.84rem;
}

.txt7 {
  z-index: 24;
  width: 0.96rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(50, 50, 50, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: right;
  margin-top: 0.427rem;
}

.group13 {
  z-index: 23;
  width: 13.867rem;
  height: 1.44rem;
  border-radius: 8px;
  border: 2px solid rgba(221, 221, 221, 1);
  background-color: rgba(255, 255, 255, 1);
}

.main5 {
  z-index: auto;
  width: 15.36rem;
  height: 1.44rem;
  justify-content: space-between;
  margin: 1.6rem 0 0 11.84rem;
}

.info5 {
  z-index: 26;
  width: 0.96rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(50, 50, 50, 1);
  font-size: 0.48rem;
  line-height: 0.587rem;
  text-align: right;
  margin-top: 0.427rem;
}

.layer2 {
  z-index: 28;
  height: 1.44rem;
  border-radius: 8px;
  border: 2px solid rgba(221, 221, 221, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 13.867rem;
  justify-content: center;
  align-items: center;
}

.bd4 {
  z-index: auto;
  width: 13.014rem;
  height: 0.534rem;
  justify-content: space-between;
}

.word7 {
  z-index: 32;
  width: 0.854rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(50, 50, 50, 1);
  font-size: 0.426rem;
  line-height: 0.534rem;
  text-align: left;
}

.icon4 {
  z-index: 30;
  width: 0.32rem;
  height: 0.214rem;
  margin-top: 0.16rem;
}

.main6 {
  z-index: auto;
  width: 4.267rem;
  height: 1.387rem;
  margin: 1.6rem 0 0 13.334rem;
}

.wrap3 {
  z-index: 34;
  height: 1.387rem;
  border-radius: 8px;
  background-color: rgba(59, 124, 255, 1);
  width: 4.267rem;
  justify-content: center;
  align-items: center;
}

.word8 {
  z-index: 35;
  width: 2.4rem;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.48rem;
  line-height: 0.534rem;
  text-align: center;
}

.group14 {
  z-index: 77;
  position: absolute;
  left: 8.347rem;
  top: 10.027rem;
  width: 0.214rem;
  height: 0.374rem;
  background: url(./img/SketchPng5523bb1c3663205293f7e7c8f3cdeeaec59a581e18f0fb0ceadcb8ca5734e540.png)
    0rem 0rem no-repeat;
  background-size: 0.214rem 0.374rem;
}
